@charset "utf-8";
/* CSS Document */

html,body{ height: 100%;}


/**********登录、注册部分**********/
/**************************/
/******登录背景******/
.login{ width: 100%; height: 100%; background:url("../images/login_bg.jpg") no-repeat; background-size: cover; background-attachment: fixed; overflow-y: auto; position: relative;}



/******logo******/
.login .login-logo{ width: 100%; text-align: center; position: absolute; left: 0;}
.login .login-logo img{ width: 4.5rem;}


/******登录表单******/
/*------主体------*/
.login .login-form{ width: 100%; padding: 1rem 1.2rem; position:relative; left: 0; top: 6rem;}

.login .login-form .login-form-group{ width: 100%; border: none; border-bottom: #e5e5e5 1px solid; border-collapse: collapse; vertical-align: top; display: table; margin-top: .5rem; overflow: inherit;}

/*------表单样式------*/
.login .login-form .login-form-group label, .login .login-form .login-form-group .input-group{ height: 1.8rem; display: table-cell; vertical-align: middle;}
.login .login-form .login-form-group label{ width: 1.6rem; font-size: .58rem; color: #fff; position: relative;}
.login .login-form .login-form-group label:before{ width: 1rem; height: 1rem; content: ''; background-position: center; background-repeat: no-repeat; background-size: .8rem auto; position: absolute; left: 0; top: .4rem;}
.login .login-form .login-form-group input{ width: 100%; height: 100%; font-size: .58rem; color: #333;}
.login .login-form .login-form-group input::-webkit-input-placeholder{ color: #999;}
.login .login-form .login-form-group button{ background:#ff641d; color:#fff; padding:.3rem .5rem; border-radius:.3rem; position:absolute; right:0rem; top:.3rem;} 

.login .login-form .login-form-group .select-group select{ width: 100%; height: 1.8rem; font-size: .56rem; color: #666; background: none; border: none; outline: none; -webkit-appearance: none; appearance: none;}
.login .login-form .login-form-group .select-group select option{ color: #555;}
/*------图标------*/
.login .login-form .login-form-group label.icon-user:before{ background-image:url("../images/login/login_icon_1.png");}
.login .login-form .login-form-group label.icon-pw:before{ background-image:url("../images/login/login_icon_2.png");}
.login-form-group label.icon-validate:before{ background-image: url(../images/login/login_icon_3.png);}
.login .login-form .login-form-group label.icon-phone:before{ background-image:url("../images/login/login_icon_4.png");}

/*------链接------*/
.login .login-form .login-links{ width: 90%; font-size: .5rem; overflow: hidden; padding: .5rem 0; margin:0rem auto;}
.login .login-form .login-links a{ display: block; float: left; color: #333;}
.login .login-form .login-links a.login-links-1{ color:#333;}
.login .login-form .login-links a.login-links-2{ color:#333; float: right;}

/*------协议------*/
.login-form .login-agreement{ width:100%; overflow:hidden; padding: .5rem 0rem;}
.login-form .login-agreement input, .login-form .login-agreement span,  .login-form .login-agreement a{ display:block; float:left;}

.login-form .login-agreement span{ line-height:1.2rem; font-size:.48rem; color: #999; margin-left:.4rem;}
.login-form .login-agreement a{ line-height:1.2rem; font-size:.48rem; color:#5887fb; text-decoration:underline; white-space:nowrap; margin-left:.4rem;}
.login-form .login-agreement input{ width:.8rem; height:.8rem; border:#ccc 2px solid; border-radius:50%; -webkit-appearance:none; appearance:none; margin-top:.2rem;}
.login-form .login-agreement input[type=radio]:checked{ background:url(../images/selected.png) no-repeat; background-size:.8rem auto; border:none;}


/*------提交------*/
.login .login-form .login-submit button{ width: 100%; height: 1.8rem; font-size: .64rem; color: #fff; text-align: center;  background: linear-gradient(90deg, #fa4934, #f2200f); background: -webkit-linear-gradient(left, #fa4934, #f2200f); border:none; border-radius: .8rem;}


/******注册******/
.register{ width: 100%; height: 100%;background:url("../images/login_bg.jpg") no-repeat; background-size: cover; background-attachment: fixed; overflow-y: auto; position: relative;}
.register .form-submit{ margin-top: 2.2rem;}
.register .login-form{ width: 100%; padding: 1rem 1.2rem; position: absolute; left: 0; top: 9.5rem;}
.register-no{ background: none;}

/*------注册链接------*/
.register-links{ font-size: .54rem; text-align: center; padding:.5rem .3rem;}
.register-links a{ color: #999;}

/******登录方式******/
/*------主体------*/
.login .login-quick-way{ width:100%; overflow:hidden; margin-top:3rem;}
.login .login-quick-way h3{ font-size:.52rem; color:#333; text-align:center;}

/*------列表------*/
.login .login-quick-way ul{ width:100%; overflow: hidden; margin-top:.6rem;}
.login .login-quick-way ul li{ width:33.33333%; float:left;}
.login .login-quick-way ul li a{ width:3rem; overflow:hidden; margin:0 auto; display:block;}
.login .login-quick-way ul li i{ width:1.8rem; height:1.8rem; border-radius:50%; overflow:hidden; margin:0 auto; display:block;}
.login .login-quick-way ul li span{ font-size:.52rem; color:#999; text-align:center; display:block; margin-top:.3rem;}

/*------图标------*/
.login .login-quick-way ul li i.login-qq{ background:url(../images/login/login_qq.png) no-repeat center; background-size:.9rem auto; background-color:#5ab9ee;}
.login .login-quick-way ul li i.login-weixin{ background:url(../images/login/login_weixin.png) no-repeat center; background-size:1.1rem auto; background-color:#51b531;}
.login .login-quick-way ul li i.login-weibo{ background:url(../images/login/login_weibo.png) no-repeat center; background-size:1.3rem auto; background-color:#ff003c;}


/*注册认证*/
.verified-result{width: 100%; height: auto; margin:0rem auto; position: relative; text-align: center;}
.verified-result img{ width: 3.6rem; height: 3.6rem; border-radius: 50%; object-fit: cover;}
.verified-result p{padding: .5rem; margin-top: 0.5rem;margin-bottom: 1rem;font-size: 0.6rem;}
.verified-result a{ color:#3abf11;}

/*progressbar*/
#progressbarmain{ position:relative; top:7rem;}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #333;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	text-align:center;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 1.2rem;
	line-height: 1.2rem;
	display: block;
	font-size: 10px;
	color: #fff;
	background: #ddd1d1;
	border-radius: 45%;
	margin: 0 auto 5px auto;
	position:relative;
	z-index:2;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 50%;
	height: 5px;
	background: #ddd1d1;
	position: absolute;
	border-radius:.3rem;
	left: -25%;
	top: .5rem;
	z-index: 1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #ff641d;
	color: white;
}